Tutorial: Working with layout ft 


Welcome to CorelDRAW, a comprehensive vector-based drawing program for the graphics professional. 


This tutorial introduces the layout and organization tools in CorelDRAW. These tools are essential for any kind of 
project, whether it is an advertisement, newsletter, logo, poster, or any kind of artwork. Guided by your sense of 
layout and design, you can use guidelines, preset alignments, and absolute values to organize text and images 
for optimum results. 


During the course of this tutorial, you will create an advertisement for The Coffee Shop. You will create some of 
the design elements and text, but you will also learn how to import images and text. 


Click here to view what your final project should look like. 


What you will learn 


In this tutorial, you will learn how to 


= create backgrounds 

= use guidelines and snapping options 
= create frames 

= import images 

= use the PowerClip tool 

= apply preset drop shadows 

= work with artistic text 

= import and format paragraph text 

= apply alignment options 


Creating the background 


You'll start by opening a new document and customizing the drawing page dimensions. Then, you'll create the 
background: a gold colored rectangle with rounded corners. After you create the background, you'll apply the rest 
of the advertisement’s graphics and text. 


In this project, you'll use the default units of measure in CorelDRAW: inches. However, you can use many others, 
including points, pixels, and centimeters. 


To create a drawing page 
1 Click File menu > New. 
2 On the property bar, ensure the Portrait button El is enabled. 


ini 7 m " MA 
3 Inthe Paper size boxes [@ 100'"' “| onthe property bar, type the following dimensions: 


e Width: 7 
e Height: 10 
4 Press Enter. 
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To create the background 


1 Double-click the Rectangle too! E, 

A rectangle the size of the drawing page is created. 

If the CMYK color palette is not displayed, click Window menu > Color palettes >» Default CMYK palette. 
3 On the color palette, click the Gold color swatch. 


Hold down Ctrl (Windows) or Command (Mac OS), and click the White color swatch 3 times to lighten the 


background color. 
= = = 
Default: Default CMYK palette | J 
X CIl 
. s | 
. = = 


5 Open the Outline flyout = Q 2) x = SS , and click No outline xj R 
6 With the background rectangle selected, ensure that the Round corners together button E on the property 


bar is enabled. Salrewlis wa a 
7 Inone of the Rectangle corner roundness boxes 0 “sL 4 on the property bar, type 14. 


Press Enter. 
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Adding a bottom border 


First, you'll create the bottom border. Then, you'll import a design and add it to the border. Finally, you’ll use the 
PowerClip tool to position and align the bottom border in the layout. 


To create the bottom border 


1 


2 


With the Rectangle tool still selected, drag outside the drawing page (background) to draw a rectangle. 


ezon | 
In the Object(s) size boxes £15" | onthe property bar, type the following dimensions: 
e Width: 7 
e Height: 1.5 


Press Enter. 


4 On the color palette, click the Red brown color swatch to add a fill to the rectangle and right-click (Windows) 


or Control + click (Mac OS) the Red brown color swatch to color the outline. 


To add a design to the bottom border 


oa fF Q N = 


N 


Click File menu > Import. 

Choose the folder where CorelDRAW is installed. 

Choose the folder Corel Graphics 11\Tutorials\Sample files. 
Double-click the filename steam.cdr. 

Click outside the drawing page. 


With the imported image still selected, drag the center X handle to position the steam within the red-brown 
bottom border as shown in the example after the procedure. 


Hold down Shift, and click the red-brown bottom border to select the two objects together. 


Click Arrange menu > Group. 
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To position the bottom border in the background 

1 Click Effects menu > PowerClip > Place inside container. 
A black arrow displays in the drawing window. 

2 Click the background. 
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Click Effects menu > PowerClip > Edit contents. 
Using the Pick tool R , Select the bottom border. 
Click Arrange menu > Align and distribute > Align and distribute. 


In the Align and distribute dialog box, enable the following options: 
e Vertical alignment: Bottom 

e Horizontal alignment: Center 

¢ Align to: Edge of page 


7 Click Apply, and click Close. 


Click Effects menu > PowerClip > Finish editing this level. 


Setting the guidelines 


You will compose the advertisement using graphics and text in an interesting and effective layout. Guidelines will 
help you align and position objects on the page. 


In this tutorial, you'll set guidelines using two methods: specifying values and dragging guidelines to the drawing 
page. After you set your guidelines, you’ll lock them into place. 


Before you begin, ensure that guidelines are enabled. Click View menu > Guidelines. A check mark beside 
Guidelines indicates that the guidelines are enabled. 


To set the center guidelines using alignment options 


1 


2 
3 
4 


If the rulers do not display, click View menu > Rulers. 

Click inside the horizontal ruler, and drag a guideline to anywhere on the drawing page. 
Click inside the vertical ruler, and drag a guideline to anywhere on the drawing page. 
Hold down Shift, and select both guidelines using the Pick tool. 


By default, a selected guideline displays in red. 
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5 Click Arrange menu > Align and distribute > Align and distribute. 


6 Inthe Align to area, enable the Center of page check box. 


7 Click Apply, and click Close. 


To set guidelines using the property bar 


1 


Click inside the vertical ruler, and drag a guideline to anywhere on the drawing page. 


e I "n 
In the x Object position(s) box | on the property bar, type 5. 
Press Enter. 


Click inside the horizontal ruler, and drag a guideline to anywhere on the drawing page. 


4 n 


X 
In the y Object position(s) box „:15.5"_ | on the property bar, type 5.5. 
Press Enter. 


To set guidelines using the main menu 


1 


a Aà OQ N 


Click View menu > Guidelines setup. 

In the Options (Windows) or Preferences (Mac OS) dialog box, click Horizontal in the list of categories. 
In the numeric field, type 7.5, and click Add. 

Type 3.5, and click Add again. 

Click OK. 
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To lock all guidelines 
1 Click Edit menu > Select all > Guidelines. 
2 Click Arrange menu > Lock object. 


3 Save your file. 


Adding an image 


The advertisement’s message is that the Coffee Shop’s product starts with high quality beans. An image of a 
coffee cup resting on a bed of coffee beans visually makes the point. 


Here, you'll create a rectangular frame and import an image into it. Then, you'll use the guidelines to align the 
framed image. Finally, you’ll add a drop shadow to the frame. 


To create the frame 

1 Click the Rectangle tool, and drag outside the background to draw a rectangle. 

2 With the rectangle selected, type the following dimensions in the Object(s) size boxes: 
e Width: 5.25 
e Height: 4 
Press Enter. 

4 Open the Outline flyout, and click 16 point outline (medium-thick) ™ 


5 On the CMYK color palette, click the Red brown color swatch to fill the rectangle and right-click (Windows) or 
Conirol + click (Mac OS) the Red brown color swatch to color the outline. 


In a Rectangle corner roundness box on the property bar, type 20. 
Press Enter. 


To import the image 

1 Click File menu > Import. 

2 Choose the folder where CorelDRAW is installed. 

3 Choose the folder Corel Graphics 11\Tutorials\Sample files. 
4 Double-click the filename coffee_photo.jpg. 
5 


Click below the red-brown rectangle you created earlier. 
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To insert the image in the frame 
1 Click Effects menu > PowerClip > Place inside container. 


2 Click the red-brown rectangle. 


To align the framed image 
1 Click Effects menu > PowerClip > Place inside container. 


2 Click the background. 
3 Click Effects menu > PowerClip > Edit contents. 
4 Click View menu > Snap to guidelines. 
A check mark beside Snap to guidelines indicates that snapping to guidelines is enabled. 


5 Click the framed image, and drag it, so that its right border snaps to the 5" vertical guideline and its bottom 
border snaps to the 5.5" horizontal guideline. 


The frame nodes snap to the guidelines. 


6 Open the Interactive tools flyout g m it I a Y , and click the Interactive drop shadow 
tool v = 
From the Presets list box Presets.. M on the property bar, choose Flat bottom right. 
Click Effects menu > PowerClip > Finish editing this level. 
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Adding artistic text 


You’re ready to add copy to the advertisement. You'll start by adding two headings in artistic text to the 
advertisement. Because the headings are brief, you'll type the text directly in the drawing window. Then you'll 
format and align the text to the guidelines. 


To add the first heading 


1 Click the Text tool A 

2 Click in the blank area under the coffee image, and type What do you take in your coffee?. 
3 Triple-click the text to highlight the entire line. 

4 On the property bar, do the following: 


e choose GoudyOISt BT from the Font list list box T GoudOSt BT 4 


48 {v 


e choose 48 from the Font size list box 
e click the Bold button B 


e click the Horizontal alignment button 5 , and click Right. 
On the CMYK color palette, click the White color swatch. 

Insert the cursor before the word take, and press Enter. 

Insert the cursor before the word your, and press Enter. 
Highlight the letter W. 


o NOA 


On the property bar, do the following: 
e choose TypoUpright BT from the Font list list box. 
e type 104 in the Font size list box. 


10 Press Enter. 


To align the first heading 
1 Using the Pick tool, select the text. 


2 Drag the center X handle to the intersection of the horizontal 7.5" guideline and the vertical 5" guideline. 


The center X handle snaps to the intersection of the two guidelines. 
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To add the second heading 
1 Click the Text tool. 


2 Click outside the background, and type the following text: 
THE FINEST BEANS. (Thank you) 
Insert the cursor before (Thank you), and press Enter. 
4 Click at the beginning of the text, and drag over it to highlight it. 


5 On the property bar, do the following: 
e choose GoudyOISt BT from the Font list list box. 
e choose 24 from the Font size list box. 
e click the Bold button. 
e click the Horizontal alignment button, and click Center. 


To align the second heading 
1 Using the Pick tool, select the text. 


2 Drag the center X handle to the vertical 3.5” (page center) guideline, and snap the text’s top select handles to 
the horizontal 5" guideline. 


10 of 15 


Tutorial: Working with layout 
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Adding paragraph text 


Earlier, you added artistic text, a text format suitable for short lines such as headings, or if you want to apply 
effects to the text. Paragraph text is a text format suitable for larger bodies of text as it allows you to specify 

formatting attributes such as bullets, tabs and more. Paragraph text can be either imported from a text file or 
copied into a text frame directly. 


Here, you'll import copy from the text file provided, and place it into a rectangular light-golden frame. Then, you'll 
align the framed text in the layout. 


To import the paragraph text 
Click the Text tool. 


Drag outside the background to draw a text frame approximately 4.8” wide and 1.3” high. 
Click File menu > Import. 

Choose the folder where CorelDRAW is installed. 

Choose the folder Corel Graphics 11\Tutorials\Sample files. 

Click the filename ad_copy.txt. 

Click OK. 


N Oo oO FP WO DN =a 


You can also open the text file in a text editor, and copy and paste the text into the text frame. 
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At The Coffee Shop, we take this answer for granted. Only the 
finest beans from the coffee growing regions of Simulacrum, 
.Ormolu, and the Pajama River Valley make it to every cup. 
We've searched the planet for top-quality beans so that 
whatever you take in your coffee, you've started with the best. 


= TT 


To format the paragraph text 

Click at the beginning of the paragraph text, and drag over to highlight it. 
Click Text menu > Format text. 

In the Format text dialog box, click the Character tab. 

Set the font to GoudyOISt 12 pt. 

Click the Paragraph tab. 

From the Alignment list box, choose Center. 

Click the Columns tab. 

Enable the Automatically adjust frame width option. 

Click OK. 


If necessary adjust the text frame height by dragging the bottom dotted line up. 


O ON OO oO FF WO ND =a 


To create a frame for the paragraph text 


1 Click the Rectangle tool LL, , and drag outside the background to draw a rectangle. 
2 Inthe Object(s) size boxes on the property bar, type the following dimensions: 
e Width: 5 
e Height: 1.5 
3 Press Enter. 
4 Onthe CMYK color palette, click the Gold color swatch. 


5 Hold down Ctrl (Windows) or Command (Mac OS), and click the White color swatch 6 times to lighten the 
color of the rectangle. 


6 Open the Outline flyout, and click No outline. 
7 In one of the Rectangle corner roundness boxes on the property bar, type 40. 
8 Press Enter. 
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To align the framed paragraph text 

1 Using the Pick tool, click the text frame containing the paragraph text. 
2 Click Effects menu > PowerClip > Place inside container. 

3 Click the light-golden rectangle. 


The paragraph text is positioned in the light-golden frame. 


At The Coffee Shop, we take this answer for granted. Only the finest « 
beans from the coffee growing regions of Simulacrum, Ormolu, 
and the Pajama River Valley make it to every cup. 
We've searched the planet for top-quality beans so that whatever 
you take in your coffee, you've started with the best. 


Click Effects menu > PowerClip > Place inside container. 

Click the drawing page. 

Click Effects menu > PowerClip > Edit contents. 

Click Arrange menu > Align and distribute > Align and distribute. 


In the Align to area of the Align and distribute dialog box, enable the Center of page check box. 


O ON Oo fF 


Disable the vertical alignment Center check box. 
10 Click OK. 
11 Drag the framed text, so that the top edge snaps to the horizontal 3.5" guideline. 


12 Click Effects menu > PowerClip > Finish editing this level. 
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Importing and positioning the logo 
You'll finish the project by importing The Coffee Shop logo and positioning it at the bottom of the advertisement 
page. 


To import the logo 
1 Click File menu > Import. 


Choose the folder where CorelDRAW is installed. 
Choose the folder Corel Graphics 11\Tutorials\Sample files. 


Double-click the filename coffee_logo.cdr. 


a Aà WO N 


Click the drawing page. 


To position the logo 

1 Inthe x Object(s) position box on the property bar, type 3.5. 
2 Inthe y Object(s) position box on the property bar, type 0.7. 
3 Press Enter. 

4 Click View menu > Guidelines to hide all guidelines. 

5 


Save your project. 
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From here... 


There are more layout and organization tools available in CorelDRAW. You can use grids, slanted guidelines, 
customization of snapping options, object nudging, drawing scales, and customized ruler parameters. 


You can continue to experiment with other images and different settings to create other unique projects, or you 
can complete another CorelDRAW tutorial. 


You can access the CorelDRAW Help, by clicking Help menu > Help topics. 


© 2002 Corel Corporation. All rights reserved. All trademarks or registered trademarks are the property of their 
respective companies. 
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